今日將介紹３種列表函數：
１. append()函數
２. zip()函數
３. index()函數

append()函數

將某個值插入到列表最末位。

例如：

// scss //
$width1: append(10px 20px ,30px);
div{
    width: $width1;
}  
// 若列表中只有一個列表項時，那插入進來的值和原來的值會以【空格】 的方式分隔。//

$width2: append(10px 20px ,30px 40px);
div{
    width: $width2;
}  
// 若列表中的列表項是以【空格】分隔列表項，那插入進來列表項也將以【空格】分隔。//

$width3: append((10px,20px) ,30px 40px);
div{
    width: $width3;
}  
// 若列表中的列表項是以【逗號】分隔列表項，那插入進來列表項也將以【逗號】分隔。//

編｜
譯｜ 若沒有明確的指定$separator參數值，其默認值是auto。
後｜
　Ｖ

// css //
div {
  width: 10px 20px 30px;
}

div {
  width: 10px 20px 30px 40px;
}

div {
  width: 10px, 20px, 30px 40px;
}

＊參數$separator:用來指定列表連接之間的分隔符的。默認爲auto，指定有comma（逗號）和space（空格）。

例如：

// scss //
$width4: append((one two),three,comma); // 逗號 //
div{
    width: $width4;
}

$width5: append((one two),three,space); // 空格 //
div{
    width: $width5;
}

編｜
譯｜ 明確指定$separator 參數，更不易混亂。
後｜
　Ｖ

// css //
div {
  width: one, two, three; // 逗號 //
}

div {
  width: one two three; // 空格 //
}

zip()函數

將多個列表值轉成一個多維的列表。

例如：

// scss //
$width1: zip(one two three,1 2 3,frist second third);
div{
    width: $width1;
}

編｜　　List(　)　　　nth(1)　　　　nth(2)　　　　　nth(3)
譯｜　　List(１)　｜　one　　　｜　two　　　　 ｜　three
後｜　　List(２)　｜　1　　　　｜　2　　　　 　 ｜　3　　　
　Ｖ　　List(３)　Ｖ　first　　　Ｖ　second　　　Ｖ　third

// css //
div {
  width: one 1 frist, two 2 second, three 3 third;
}

＊使用zip()函數時，每個單一的列表個數值必須是相同的，否則會出錯。

例如：

// scss // 
$width2: zip(one two three,3,frist second third);
div{
    width: $width2;
}

編｜　　List(　)　　　nth(1)　　　　nth(2)　　　　　nth(3)
譯｜　　List(１)　｜　one　　　｜　two　　　　 ｜　three
後｜　　List(２)　｜　3　　　　｜　Ｘ　　　　　｜　Ｘ
　Ｖ　　List(３)　Ｖ　first　　　Ｖ　second　　　Ｖ　third

// css //
div {
  width: one 3 frist;
}

index()函數

找到某值在列表中的位置。

例如：

// scss // 
$width1: index(one two three,one);
div{
    width: $width1;
}

$width2:index(one two three,two);
div{
    width: $width2;
}

$width3:index(one two three,three);
div{
    width: $width3;
}

編｜　　
譯｜　　
後｜　　
　Ｖ　　

// css //
div {
  width: 1;
}

div {
  width: 2;
}

div {
  width: 3;
}

當要找的值不在列表中，則返回false。

例如:

// scss //
$width4:index(one two three,four);
div{
    width: $width4;
}

Compilation Error
Error:false